﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>ToDolist</title>
    <link href="index.css" rel="stylesheet" />
</head>
<body>
    <header>
            <form action="javascript:addEvent()" id="form">
                <lable>ToDolist</lable>
                <input type="text" class="lable" value="" id="list" placeholder="添加ToDo" required="required" autocomplete="off" />
            </form>
     </header>
    <div>
        <h2>正在进行<span id="todoList">0</span></h2>
        <ul class="todoListTable" id="eventList"></ul>
        <h2>已经完成 <span id="doneList">0</span></h2>
        <ul class="doneListTable" id="overEvent"></ul>
    </div>
    <div>
        <a style="cursor:pointer" onclick="clearEvent()">clear</a>
    </div>

    <script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript" src="index.js"></script>

</body>
</html>